@charset "utf-8";
/* CSS Document */
.w1200{width:100%; max-width:1200px; margin:auto;}
.w100{ width:100%; margin:auto; overflow: hidden; }
.clear{ clear:both;}

.head{ background:#c30816; z-index: 9; position: relative; height: 100px; width: 100%;}
.head p{float: left; }
.head p img{ width: 100%; margin-top: 10px; }
.head ul{ float:right; }
.nav{ text-align:center; position:relative; width: 100%;}
.nav a{ color:#fff;}
.nav a:hover{ background: url(../images/nav_5mn8.png) no-repeat center 35px;}
.nav .nLi{ float:left; position:relative; display:inline; width:90px;}
.nav .nLi h3{ float:left; font-size:16px; font-weight:normal;}
.nav .nLi h3 a{ display:block; width:90px; line-height: 100px; color: #fff;}
.nav .sub{ display:none; width:90px; left:0; top:100px;  position:absolute; font-size:14px; background:#c30816; z-index:999;}
.nav .sub li{ zoom:1;  background:#c30816;height:40px; line-height:40px; }
.nav .sub a{ display:block; color:#fff; }
.nav .sub a:hover{ background:#444; color:#fff;}
/*导航*/
.banner{ position:relative; width:100%; min-width:1200px; height:auto; max-height:650px; max-width:1920px; overflow: hidden; display:block; margin:auto; }
.banner .hd{ height:15px; overflow:hidden; position:absolute; left: 49%; bottom:20px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:10px;  width:12px; height:12px; border-radius: 50px; background:#fff; cursor:pointer; }
.banner .hd ul li.on{ background:#3b8ccb; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:100%; display:block; min-width:1200px; height:100%; }
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:71px; height:71px; background:url(../images/left.png) no-repeat;}
.banner .next{ left:auto; right:3%; background:url(../images/right.png) no-repeat;}
/*banner end*/
.lm-bt{ width: auto; margin:50px auto 30px; text-align: center; padding: 10px 0; font-size: 24px; overflow: hidden; line-height: 42px; }
.lm-bt p{ font-size: 32px; text-transform: uppercase; font-weight: bold; }
.lm-bt span{ display: block; height: 2px; width: 60px; background: #f00; margin:10px auto;}
/*栏目标题*/
.gsys{ overflow: hidden; margin-bottom: 50px; font-size: 16px; }
.gsys li{ float: left; width: 33.3%; text-align: center; background: url(../images/kp6o.png) no-repeat center top;}
.gsys li img{ padding: 60px 0 40px;}
.gsys li p{ font-size: 18px; padding-top: 10px;}
.gsys li p span{ display: block; text-transform: uppercase; font-size: 13px; margin-bottom: 10px; padding: 0 35px;}
.gsys li:hover{ background: url(../images/kp7o.png) no-repeat center top;}
/*产品分类*/
.case{ background: url(../images/case-bj.jpg) no-repeat center top; background-size:100% 100%; padding-bottom: 50px; }
.case li{ float: left; width: 25%; margin:0 4% 2%; position: relative;}
.case li img{ width:100%; height: 300px; }
.case li span{ display: block; background: #d92323; text-align: center; padding: 10px 0; font-size: 18px; color: #fff;}
.case li p{ display: none; background:rgba(0,0,0,0.8); position: absolute; top: 0px; left: 0%; width:97.5%; height: 294px; line-height: 294px; text-align: center; font-size: 18px; color:#fff; border: 4px solid #d92323;}
.case li:hover p{ display: block; }
/*案例*/
.pro-fl{ overflow: hidden; text-align: center; margin: 20px auto; width: 1200px;}
.pro-fl p{ display: inline-block; border: 1px solid #ddd;margin: 0 10px; width: 150px; font-size: 15px; border-radius: 25px;}
.pro-fl p a{ display: block; padding: 3px 0; }
.pro-fl p a:hover{ background:#d92323; border-radius: 25px; color: #fff; }
/*产.品分类*/
.pro ul{ overflow: hidden; margin:20px auto 50px;}
.pro li{ float: left; width: 28%; margin: 1.2%; border:1px solid #ddd; padding: 1.2%; background: #fff;}
.pro li img{ width: 100%; height: 240px;}
.pro li span{ display: block; text-align: center; padding: 15px 0 0; font-size: 16px; }
.pro li:hover{ background: #ec1717; color: #fff;  }
.pro li:hover span{ color: #fff;}
/*产品列表*/
.about{ background: url(../images/about-bj.jpg) no-repeat center; background-size: 100% 100%; color: #fff; }
.about-bd{ line-height: 35px; text-align: center;}
.about-fl{ overflow: hidden; margin: 50px auto; text-align: center; width: 100%; }
.about-fl p{ display: inline-block; width:90px; height: 80px; padding: 40px 15px 0; border: 1px solid #fff; font-size: 15px; border-radius: 50%; margin: 0 58px; text-align: center;}
/*关于我们*/
.new{ overflow: hidden;}
.new-hot{ float: left; width: 48%;}
.new-hot img{ width: 100%; height: 300px;}
.new-hot p{ font-size: 20px; padding: 10px 0;}
.new-hot p span{ font-size: 13px; display: block; color: #777;}
.new ul{ float: right; width: 48%; }
.new li{ float: left; width: 100%; font-size: 18px; padding-bottom: 15px; border-bottom: 1px dashed #999; margin-bottom: 15px; }
.new li span{ display: block; font-size: 14px; color: #888; padding: 2px 0; }
.new-more{ display: block; margin:20px auto; overflow: hidden; text-align: center; background: #d92323; padding: 5px 0; width: 150px; border-radius: 25px; }
.new-more a{ color: #fff;}
/*新闻资讯*/
.lianxi{ background: url(../images/lianxi-bj.jpg) no-repeat center; background-size:100% 100%; padding-bottom: 50px; }
.lianxi .map{ float: left;}
.lianxi ul{ float: right; width: 450px; height: 356px;padding: 20px 0 60px; background: #fff;}
.lianxi ul p{ width: 80%; margin: 0 10%; display: block; font-size: 24px; font-weight: bold; padding: 20px 0;}
.lianxi ul li{display: block; width: 80%; margin: 20px 10%; padding-bottom: 20px; font-size: 16px; border-bottom: 1px solid #ddd;}
.lianxi ul li img{ margin-right: 20px; }
/*联系我们*/
.foot{ background: #c30816; text-align: center; }
.foot li{ display: inline-block;  margin: 10px 30px;}
.foot li a{ color: #fff;}
.foot p{ background: #333; padding: 10px 0;}
.foot p span{ color: #999; display: block; font-size: 13px; padding: 5px 0; }
/*foot*/

/**/
.ejy-bt{ width:auto; color:#005eb9; padding:30px 0; font-size:28px; font-weight:bold; text-align:center;}
.ejy-bt span{ width: 50px; height: 2px; line-height: 2px; margin: auto; background: #f00; display: block;}
.ejy-bt p{ font-size: 14px; color: #888; padding:10px 0; width: 80%; margin: auto; font-weight:500;  border-bottom: 1px solid #ddd; }
.ejy-fl{ margin:auto; width:100%; text-align:center;}
.ejy-fl span{ line-height:55px; background:#ececec; color:#5b5b5b; text-align:center; width:200px; margin:auto; display:inline-table;}
.ejy-fl span a{  color:#5b5b5b; display:block;} .ejy-fl span a:hover{  color:#fff; background:#d92323;}
/*二级页分类*/
.ejy-fy{ clear:both !important; width:100%; text-align:center; height:50px; margin:50px auto; color:#888; letter-spacing:1px;}
/*二级页分页*/

.new-list{ clear:both;}
.new-list li{ display:block; background:#fff; width:1200px; height:260px; margin-top:25px;}
.new-list .bt{ font-size:16px; font-weight:bold; padding:35px;}
.new-list .zi{ font-size:15px; line-height:30px; padding:0 35px;}
.new-list .an{ width:122px; line-height:37px; text-align:center; border:1px solid #ccc; margin-top:30px; margin-left:35px;}
.new-list li a{ color:#5b5b5b; display:block;}
.new-list li a:hover{ color:#d92323; box-shadow: 8px 8px 10px #ddd; width:100%; height:100%;}
.new-list li:hover .an{ background:#d92323; color:#fff;}
.new-list li:hover .zi{ color:#5b5b5b;}
/*新闻列表*/
.pro-list{ overflow: hidden;margin: 20px auto;}
.pro-list li{ float: left; width: 30%; margin: 1%; border: 1px solid #ddd; }
.pro-list li img{ width: 100%; height: 240px;}
.pro-list li span{ display: block; padding: 10px 0; text-align: center; font-size: 15px; }
.pro-list li:hover{ background:#d92323;}
.pro-list li:hover span{ color: #fff; }
/*产品列表*/
.ejy-about{ width: 100%; overflow: hidden; margin:30px auto; line-height: 40px; text-indent: 40px; font-size: 18px; padding-bottom: 30px; }
.ejy-about img{ display: block; width: auto; margin:auto; }


.page{ width:100%; margin:30px auto; text-align:center; color:#fff; overflow:hidden; padding:5px; cursor: pointer;}
.page span{ width:auto; padding:5px 10px; border:1px solid #c30816; margin:0 5px; background:#c30816; color:#fff;}
.page .nolink{ width:auto; padding:5px 10px; border:1px solid #c30816; margin:0 5px;}
.page a{ width:auto; padding:5px 10px; margin: 0 2px; border:1px solid #c30816; color: #c30816;  }
.page a:hover{  background:#c30816; color:#fff;}
.page .page_current{ width:auto; padding:5px 10px; background:#c30816; color: #fff; }